<template>
  <div>
    <h3>vue3自定义指令集</h3>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <el-button v-backtop="100">返回顶部</el-button>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <p>11</p>
    <div>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
      <p>11</p>
    </div>
  </div>
</template>

<script >
import { defineComponent } from "vue";
export default defineComponent({
  name: "MyBackTop",
});
</script>
<script  setup>
import { ref, reactive } from "vue";
</script>

<style scoped>
.father {
  width: 800px;
  height: 800px;
  background-color: aquamarine;
}
</style>